{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin ietf_filters static %}
{% block title %}{{ meeting }} : {{ group.acronym }}{% endblock %}
{% block morecss %}
    .drag-handle {
        cursor: move;
    }
{% endblock %}
{% block content %}
    {% origin %}
    <h1>
        {{ meeting }}
        <br>
        <small class="text-body-secondary"><a href="{% url 'ietf.group.views.group_about' acronym=group.acronym %}">{{ group.acronym }}</a>: {{ group.name }}</small>
    </h1>
    {% if meeting.start_datetime >= thisweek %}
        <a class="regular float-end"
           title="icalendar entry for {{ group.acronym }}@{{ meeting.number }}"
           aria-label="icalendar entry for {{ group.acronym }}@{{ meeting.number }}"
           href="{% url 'ietf.meeting.views.agenda_ical' num=meeting.number acronym=group.acronym %}">
            <i class="bi bi-calendar"></i>
        </a>
    {% endif %}
    {% if is_materials_manager and not can_manage_materials %}
        <div class="alert alert-warning my-3">
            The materials upload cutoff date for this session has passed. If you need to change the materials, contact the Secretariat.
        </div>
    {% endif %}
    <h2 class="mt-3">Scheduled Sessions</h2>
    {% include 'meeting/session_details_panel.html' with sessions=scheduled_sessions %}
    <h2 class="mt-3">Unscheduled Sessions</h2>
    {% include 'meeting/session_details_panel.html' with sessions=unscheduled_sessions %}
    {% for s in pending_suggestions %}
        {% if forloop.first %}<h2 class="mt-3">
            {% if can_manage_materials %}
                Proposed slides awaiting your approval
            {% else %}
                Your proposed slides awaiting chair approval
            {% endif %}
        </h2>
        <div class="proposedslidelist">{% endif %}
            {% if can_manage_materials %}
                <p>
                    <a href="{% url "ietf.meeting.views.approve_proposed_slides" slidesubmission_id=s.pk num=s.session.meeting.number %}">
                        {{ s.submitter }} - {{ s.title }} ({{ s.time }})
                    </a>
                </p>
            {% else %}
                <p>
                    {{ s.title }} ({{ s.time }})
                </p>
            {% endif %}
        {% if forloop.last %}</div>{% endif %}
    {% endfor %}
{% endblock %}
{% block js %}
    <script src="{% static 'ietf/js/list.js' %}"></script>
    <script src="{% static 'ietf/js/moment.js' %}"></script>
    <script src="{% static 'ietf/js/upcoming.js' %}"></script>
    <script src="{% static 'ietf/js/timezone.js' %}"></script>
    <script>
    $(function () {
            // Init with best guess at local timezone.
            ietf_timezone.set_tz_change_callback(timezone_changed);
            ietf_timezone.initialize('local');
    });
    </script>
    {% if can_manage_materials %}
        <script src="{% static 'ietf/js/sortable.js' %}"></script>
        <script>
            var sortables=[];
            var options = {
                group: "slides",
                animation: 150,
                handle: ".drag-handle",
                onAdd: function(event) {onAdd(event)},
                onRemove: function(event) {onRemove(event)},
                onEnd: function(event) {onEnd(event)}
            };

            function onAdd(event) {
                var old_session = event.from.getAttribute("data-session");
                var new_session = event.to.getAttribute("data-session");
                $.post(event.to.getAttribute("data-add-to-session"), {
                    'order': event.newIndex + 1,
                    'name': event.item.getAttribute("name")
                });
                $(event.item).find("td:eq(1)").find("a").each(function(){
                    $(this).attr("href", $(this).attr("href").replace(old_session,new_session) );
                });
            }

            function onRemove(event) {
                var old_session = event.from.getAttribute("data-session");
                $.post(event.from.getAttribute("data-remove-from-session"),{
                    'oldIndex': event.oldIndex + 1,
                    'name': event.item.getAttribute("name")
                });
            }

            function onEnd(event) {
                if (event.to == event.from) {
                    $.post(event.from.getAttribute("data-reorder-in-session"),{
                        'oldIndex': event.oldIndex + 1,
                        'newIndex': event.newIndex + 1
                    });
                }
            }

            $(document).ready(function() {

                $(".slides tbody").each(function() {
                    sortables.push(Sortable.create(this, options));
                });

            });

        </script>
    {% endif %}
{% endblock %}